﻿<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style type="text/css">
        .header
        {
            height:50px;
            background-color:dodgerblue;
            color: white;
            font-size: larger;
            font-family: "微软雅黑";
            text-indent: 2em;
            line-height:50px;
        }
        .rigster_table
        {
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-60%);
            border-collapse:separate ;
            border-spacing: 10px;

        }
        label{
            margin-left: 80px;
        }
        a{
            margin-right: 0px;
        }
        .sign_button
        {
            text-align: center;
        }
        .user_input
        {
            outline:none;
            -webkit-appearance:none;
            border-radius: 4px;
            border:1px solid #c8cccf
        }
        span{
            font-size: 10px;
            color:darkred;
        }
    </style>
    <!--<script src="js/login.js"></script>-->
</head>


<body>
<div class="header">云笔记</div>
<form action="Start_lode.html" method="get" name="register">
    <table class="rigster_table">
        <tr>
            <td><label for="user_text">用户名:</label></td>
            <td><input type="text" class="user_input" id="user_text"><span id="s4"></span></td>
        </tr>
        <tr>
            <td><label for="user_mail">邮箱:</label></td>
            <td><input type="text" class="user_input" id="user_mail" ><span id="s1"></span></td>
        </tr>
        <tr>
            <td><label for="pass_text">密码:</label></td>
            <td><input type="password" class="user_input" id="pass_text"><span id="s2"></span></td>
        </tr>
        <tr>
            <td><label for="pass_again">确定密码:</label></td>
            <td><input type="password" class="user_input" id="pass_again"><span id="s3"></span></td>
        </tr>
        <tr>
            <td><label for="iden_text">验证码:</label></td>
            <td><input type="text" class="user_input" id="iden_text"></td>
            <td><input type="button" id="iden_btn" value="点击获取验证码"></td>
        <tr>
            <td colspan="2">
                <div class="sign_button"><input type="button" id="login_button" value="注册"></div>
            </td>
        </tr>
    </table>
</form>

<script src="${ctxStatic}/note/js/login.js"></script>
</body>
</html>